<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表的使用</title>
		<!-- html部分 -->
		<style>
			/*css3注释方式*/
			/* ctrl加斜杆调用快捷键 */
			/* css部分: 选择器: 抓取页面元素，元素增加效果
			             选择器{
							 属性: 属性值;
							 属性: 属性值;
						 }
						 */
					p{
						width: 200px;
						height: 200px;
						background: #72f4da;  /*16进制色值*/
					}
		</style>
	</head>
	<body>
		<!-- ① 内联样式表 叫做行内样式表  【开发 不用: 没有真正实现内容与标新分离】
              语法: 前标记  style="属性"  属性值: 属性值；...-->
		
		<div style="width: 300px;height: 300px;background: red;"></div>
		<!-- ② 内部样式表  【开发不用: 练习专用】 
		        html部分: 在head元素中添加style元素
				class部分 在style元素中，添加css样式
				-->
				<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cupiditate, eius enim ratione nisi ad consequatur voluptatum vitae aut necessitatibus itaque id delectus architecto officiis eum quas culpa eligendi deserunt a.</p>
	</body>
</html>